<template>
    <div>
        <div class="information-header">
            <div class="header">
            <div class="header-back" @click="informationBack"><span style="font-size:13px;" class="iconfont icon-changyongicon-1"></span>返回</div>
            <div class="header-search">电影资讯</div>
            <div class="header-city" ></div>
        </div>
      </div>
        <div class="content" v-html="datalist"></div>
    </div>
</template>
<script>
import axios from 'axios'
export default {
  data () {
    return {
      datalist: ''
    }
  },
  mounted () {
    axios({
      url: 'https://m.maizuo.com/gateway?actId=ElzMZU125260',
      headers: {
        'X-Client-Info': '',
        'X-Host': 'mall.act.static-page.info'
      }
    }).then(res => {
      this.datalist = res.data.data.data.content
      console.log(this.datalist)
    })
  },
  methods: {
    informationBack () {
      this.$router.go(-1)
    }
  }
}
</script>
<style lang="scss" scoped>
.information-header {
  width: 100%;
  background-color: #26a2ff;
  color:white;
  font-size:14px;
  .header {
  margin:0px 10px;
  height: 36px;
  .header-back {
    height: 36px;
    line-height: 36px;
    width:20%;
    float:left;
  }
  .header-search {
    margin-top:6px;
    width:60%;
    height: 20px;
    line-height: 20px;
    float:left;
    text-align: center;
    background-color: #26a2ff;
  }
  .header-city {
    width:20%;
    height: 36px;
    line-height: 36px;
    float:right;
    text-align: right;
  }
  }
}
.content {
    padding-bottom: 38px;
}
</style>
